section{padding: 1rem 0 0;} 
.section-2{padding-top: 3rem;}
.page-container{ margin: 0 auto;padding: 0 2.4%;width: 100%;position: relative;}
.breadcrumb{background-color: #ffffff;padding-left: 0;font-size: .77rem;padding: 0;    letter-spacing: .09em;}
.breadcrumb a {color:red;font-size: .77rem;}
.carousel-indicators li{background-color:rgb(52, 58, 64)} 
.carousel-indicators .active{background-color:rgba(52, 58, 64, .37);}
#carousel-prodotto i.fas{color: #343a40; font-size: 3rem; } 
.carousel-control-prev{left: 0;} 
.carousel-control-next, .carousel-control-prev {top: calc(50% - 3rem);bottom:  calc(50% - 3rem);}
.carousel-control-prev {left: -12.7%;}
.carousel-control-next {right: -12.7%;}
.border-color-L1{border-left: 2px solid rgba(242,242,242,0.47);}
.border-color-T1{border-top: 2px solid rgba(242,242,242,0.47);}
.border-color-R1{border-right: 2px solid rgba(242,242,242,0.47);} 
.border-color-B1{border-bottom: 2px solid rgba(242,242,242,0.47);}
.title h4 {color: #959595;margin: 0 0 12px;font-size: 12px;    letter-spacing: .09em;}
.heading-line {margin: 10px auto;display: block;height: 1px;width: 80px;background: red;}
.fs-1{font-size:1.7rem;}
.title h1 {margin-bottom: 0;font-size: 36px; color:black;    letter-spacing: .05em;font-weight: 600;} 
.btn-1{background: transparent; border: 0; color:#6c757d !important;}
.btn-1:hover{text-decoration: none;color:#212529 !important; cursor: pointer;} 
.carousel-indicators{bottom: -7px !important;margin-bottom:0;} 
#correlati .item-correlato{
    background-color: white; 
    padding:15px;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.1);width: 100%;
}
#correlati>div>div{padding: 0 2px;}
figcaption.details h3{font-size:1.2rem;} 
.top-description {margin-top: 35px;}
.top-description p{color: #5a5a5a; font-size: 14px;}
.tab-info{padding-bottom: 4px;}
.top-info {font-size: 14px;}
.top-info li{text-align: left;font-size: 14px; color: #6c757d}
.top-info li>div,
.top-info li>a>div{width: 50px; float: left;padding-left: 1.4rem;} 
.info-prod{padding-left: 2.4rem;padding-top: 12px;}
.custom-control-label::after,
.custom-control-label::before {top: 2px;}
.top-info .prezzo{padding-left: 2.4rem;}
.input-qta {margin-right: 0 !important; }
.input-qta input{text-align: right; }
.top-info .custom-checkbox .custom-control-input:checked~.custom-control-label::before,.top-info .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{
    background-color: rgb(216, 34, 49);
}
.top-info .custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-color: rgb(216, 34, 49); border-radius: 5px; background-image: none !important;}
.tab-info .custom-control-input:disabled~.custom-control-label {font-size: 14px;}
.prezzo1{padding: 1rem 2.57rem 2px;padding-right: 15px !important;}
.prezzo1 .col-5{margin-left: 0px !important;margin-right: 0px !important;}
.prezzo1 .col-7{text-align: right !important;}
@media screen and (max-width: 1573px){
    .info-general{margin-left: 3% !important;}
    .gallery-prod{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 47%;
        padding-right: 0;
    }
    .tab-info>div:nth-child(1){padding-right: 0;}
    .tab-info li, .tab-info .custom-control-label {font-size: .8rem;}    
    .top-info .prezzo {
        padding-right: 0;
        flex: 0 0 100%;
        max-width: 70%;
    }    
    .carousel-control-prev {left: -14.7%;}
    .carousel-control-next {right: -14.7%;}
    .input-qta{padding: 0; font-size: 14px;margin-left: 0 !important;}
    .input-qta .btn,
    .input-qta .input{font-size: 14px;}    
}
@media screen and (max-width: 1391px){
    .tab-info>div:nth-child(3) {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 40.5%;}
    .tab-info>div:nth-child(1) {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 27%;}
    .tab-info>div:nth-child(2) {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 32.5%;}
    .top-description{padding-left: 0 !important;}
    .info-prod {padding-left: 1rem;}
    .input-qta{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 25%;}
    .top-info .prezzo { padding-left: 1.3rem;}
    .input-qta{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 28%;}
}
@media screen and (max-width: 1250px){    
    .input-qta{max-width: 30%;}
}
@media screen and (max-width: 1209px){
    .tab-info>div:nth-child(2){padding-left: 1.4rem;}
    section{padding: 5.7rem 0 0;}
    .breadcrumb{padding-left: 17px;}
    .share{display: none;}
    .info-general {margin-left: 1% !important;}
    .gallery-prod{max-width: 49%;}
}
@media screen and (max-width: 1176px){
    .top-info li>div, .top-info li>a>div {width: 42px;}    
    .tab-info li, .tab-info .custom-control-label {font-size: 14px;} 
}
@media screen and (max-width: 1099px){
    .tab-info>div:nth-child(1) { max-width: 100%; border-bottom: 2px solid white;}
    .tab-info>div:nth-child(2) {max-width: 50%; padding-left: 2.4rem; padding-bottom: 1rem;}
    .tab-info>div:nth-child(3) {max-width: 50%;padding-bottom: 1rem;}
    .top-info .prezzo {max-width: 100%;}
    .input-qta{max-width: 30%;}
    figcaption.details h3 { font-size: 1rem;font-weight: bold;}
}
@media screen and (max-width: 1112px){
    .section-2 h3{font-size: 1.3rem;}
    #correlati .item-correlato {width: 100%;}
    .gallery-prod>div:nth-child(2){padding-top: 0rem!important;}
    .gallery-prod .carousel{margin-top: 0;}
    .carousel-control-next,.gallery-prod .carousel-control-prev {left: -17.7%;}
    .breadcrumb{margin-bottom: 0;}
    .gallery-prod{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 90%;
        margin: 0 auto;
        padding-right: 0px;
    }
    .info-general{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 50px auto;
    }
    .info-prod {padding-left: 27px;}
    .top-description {padding-left: 11px !important;padding-right: 15px;}
    .tab-info>div:nth-child(1) {max-width: 33.333333%;border-bottom: 0;}
    .tab-info>div:nth-child(2) {max-width: 33.333333%;padding-left: 0;padding-bottom: 0;}
    .tab-info>div:nth-child(3) {max-width: 33.333333%;padding-bottom: 0;}
    .top-info .prezzo {max-width: 40%;padding-left: 27px;}
    .input-qta{max-width: 35%;margin: 0 auto !important;}
    figcaption.details h3 {font-size: 1rem;font-weight: bold;}
    .border-color-L1.info-general{border: 0;}    
    #correlati>div>div{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 50%;
        margin-bottom: 10px;
    }
    .top-info li>div, .top-info li>a>div {padding-left: 11px;}
    #correlati>div>div {padding: 0px 2px;}
}
@media screen and (max-width: 991px){    
    .input-qta{max-width: 20%;}
}
@media screen and (max-width: 800px){    
    .input-qta{ max-width: 25%;}
}
@media screen and (max-width: 700px){
    .input-qta{max-width: 30%;}
    .gallery-prod .carousel-control-next,.gallery-prod .carousel-control-prev {left: -24.7%;}
}
@media screen and (max-width: 675px){
    .tab-info>div:nth-child(1) {
        max-width: 100%;
        border-bottom: 2px solid white;
        padding-bottom: 1rem
    }
    .tab-info>div:nth-child(2).justify-content-center {-ms-flex-pack: center!important;justify-content: end!important;}
    .tab-info>div:nth-child(2) {max-width: 100%;padding: 1rem  2.57rem 2px 26px;}
    .tab-info>div:nth-child(3) {
        max-width: 100%;
        padding-bottom: 1rem;
        padding-left: 15px;
        justify-content: end!important;
    }
    .tab-info li, .tab-info .custom-control-label { font-size: 14px; padding-bottom: 5px;}
    .top-info .prezzo {max-width: 100%;}
    .input-qta{ max-width: 30%;}
    .section-2 .container { max-width: 90%;}
}
@media screen and (max-width: 575px){
    #correlati>div{padding-left: 15px;padding-right: 15px;}
    .title h1 { margin-bottom: 0;font-size: 30px; color: black;} 
    .section-2 .container {max-width: 95%;}
    figcaption.details h3 {font-size: 14px;font-weight: bold;}
    .section-2 h3 {font-size: 1.1rem;}    
    .input-qta{max-width: 35%;}    
}
@media screen and (max-width: 485px){
    figcaption.details h3 {font-size: 14px;}
    .input-qta{max-width: 40%;}   
    .section-2 .container { max-width: 97%;padding: 0 7px;}
}
@media screen and (max-width: 400px){
    #correlati>div>div{max-width: 100%;width: 100%;}
    .input-qta{max-width: 50%;}
}